var htmlLogo = '<table class="tableLogo"><tr><td><img src="img/logoBS.png" /> <img src="img/Belasim.com.png" style="padding-left: 10px" /></td></tr><tr><td><table><tr><td><img src="img/icons/time.png" /> </td><td class="textoComSombra"> <span id="spanDataHora"></td></tr></table></tr></table>';
//var htmlLogo = '&nbsp;';
Ext.define('AiW.view.ya.TituloPanel', {
    extend: 'Ext.Panel',
    xtype: 'TituloPanel',
    
    config: {
        frame: false,
        region: 'north',
        layout: {
            type: 'border'
        },
        height: 103,
        maxHeight: 103,
        minHeight: 103,
        styleHtmlContent: true,
        bodyCls: 'bgTitle',
        preventHeader: true,
        
        listeners: {
            beforeexpand: function(){
                this.getHeader().hide();
            },

            collapse: function(){
                this.setTitle('Mensagens Notificações(1) Perfil Pesquisa');
            }
        }
    },
    
    html: '<table id="tableTitulo"><tr><td id="tdTitulo">' + htmlLogo + '</td><td><div id="tituloToolbar"></div</td></tr></table>'
});
